<!DOCTYPE html>
<html lang="zh-cn">
<head>
   <!-- <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> -->
   <link rel="stylesheet" href="assets/css/bootstrap.min.css">
   <link rel="stylesheet" href="assets/css/animate.min.css">
   <link rel="stylesheet" href="assets/css/jw.css">

   <style>  
        /*导航背景*/
        .nav-bg1{background-color: rgba(37,59,76,.95);transition:all 1s;}
        .nav-bg2{background: none!important;transition:all 1s;}
        /*导航高度 height & line-height*/
        .nav-h1{height: 100px;line-height: 100px!important;}
        /*导航样式  color  hov-color  hov-bgcolor*/
        .nav-style1{color: #eee!important;}
        .nav-style1:hover{color: #472c8c!important;background-color: #fff!important;}
        /*导航字体  font-size  font-family*/
        .nav-font1{font-size: 16px;font-family: "微软雅黑";}    


        /*幻灯片高度*/
        .ban-h1{height: 640px;}
        .ban-s{background-size: cover;background-position: center center;}
        .ban-s1{background-image: url(assets/images/banner01.jpg);}
        .ban-s2{background-image: url(assets/images/banner02.jpg);}

        /*主体色调*/
        .mystyle-c1{color: #178f69;}
        .mystyle-c2{color: #00a360;}

        .mystyle-c3{color: #ff3030;}
        .mystyle-c4{color: #ff6600;}
        
        .mystyle-bc1{background-color: #178f69;}
        .mystyle-bc2{background-color: #00a360;}

        .mystyle-b1{border:1px solid #178f69;}
        .mystyle-bt1{border-top:2px solid #178f69;}
        a:visited{color: #666;}

        .mystyle-af:focus{background-color: #fff;color:#472d8a!important;}
        
    </style>
</head>
<body>
    <nav id="navbar1" class="navbar navbar-default navbar-fixed-top mb0 bn nav-bg2">
        <div class="container-fluid bgn">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">切换图标</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="dib navbar-brand ptb0imp h100- pl30" href="#" ><img src="assets/images/logo.png" alt="" class="h60 mt20"></a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse p0" id="bs-example-navbar-collapse-1">

                <ul class="nav navbar-nav navbar-right mr50 tc">
                    <li><a href="index.php"             class="nav-h1 ptb0imp br5 nav-font1 nav-style1 mystyle-af">首頁</a></li>
  
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle nav-h1 ptb0imp br5 nav-font1 nav-style1 mystyle-af" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">优势 <span class="caret"></span></a>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu">
                            <li><a href="about.php" class="h40 lh40  br5 nav-font1 c666 ">关于SGL</a></li>
                            <li><a href="clear.php" class="h40 lh40  br5 nav-font1 c666 ">清算中心</a></li>
                            <li><a href="jianguan.php" class="h40 lh40  br5 nav-font1 c666 ">监管机构</a></li>
                            <li><a href="anquan.php" class="h40 lh40  br5 nav-font1 c666 ">资金安全</a></li>
                            <li><a href="keji.php" class="h40 lh40  br5 nav-font1 c666 ">尖端科技</a></li>
                        </ul>
                    </li>

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle nav-h1 ptb0imp br5 nav-font1 nav-style1 mystyle-af" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">产品 & 账户 <span class="caret"></span></a>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu">
                            <li><a href="product.php" class="h40 lh40  br5 nav-font1 c666 ">产品</a></li>
                            <li><a href="waihui.php" class="h40 lh40  br5 nav-font1 c666 ">外汇</a></li>
                            <li><a href="guijinshu.php" class="h40 lh40  br5 nav-font1 c666 ">贵金属</a></li>
                            <li><a href="chajiaheyue.php" class="h40 lh40  br5 nav-font1 c666 ">差价合约</a></li>
                            <!-- <li><a href="anquan.php" class="h40 lh40  br5 nav-font1 c666 ">极速交易</a></li> -->
                            <li><a href="jiaoyizhanghu.php" class="h40 lh40  br5 nav-font1 c666 ">交易账户</a></li>
                        </ul>
                    </li>

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle nav-h1 ptb0imp br5 nav-font1 nav-style1 mystyle-af" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">交易平台 <span class="caret"></span></a>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu">
                            <li><a href="jiaoyipingtai.php" class="h40 lh40  br5 nav-font1 c666 ">交易平台</a></li>
                            <li><a href="jishuptai.php" class="h40 lh40  br5 nav-font1 c666 ">极速交易平台</a></li>
                            <li><a href="MT4pingtai.php" class="h40 lh40  br5 nav-font1 c666 ">MT4交易平台</a></li>
                        </ul>
                    </li>
                    
                    <li class="dropdown">
                        <a href="jiaoyipingtai.php" class="dropdown-toggle nav-h1 ptb0imp br5 nav-font1 nav-style1 mystyle-af" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">行情资讯 <span class="caret"></span></a>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu">
                            <li><a href="shishibaojia.php" class="h40 lh40  br5 nav-font1 c666 ">实时报价</a></li>
                            <li><a href="shichangxinwen.php" class="h40 lh40  br5 nav-font1 c666 ">市场新闻</a></li>
                            <li><a href="shichangxinwen.php" class="h40 lh40  br5 nav-font1 c666 ">视频解盘</a></li>
                            <li><a href="shichangxinwen.php" class="h40 lh40  br5 nav-font1 c666 ">最新通知</a></li>
                        </ul>
                    </li>

                    <!-- <li><a href="contact.php"           class="nav-h1 ptb0imp br5 nav-font1 nav-style1 mystyle-af">聯繫我們</a></li> -->
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>

<script src="assets/js/jquery-3.1.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script>
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
    new WOW().init();
};
</script>
<script type="text/javascript">
$(function() {
    //scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。
    $(window).scroll(function() {
            var scroHei = $(window).scrollTop();//滚动的高度
            if (scroHei < 100){
                $("#navbar1").removeClass("nav-bg1").addClass("nav-bg2");
            }
            if (scroHei >= 100) {
               $("#navbar1").removeClass("nav-bg2").addClass("nav-bg1");
            } 
        })
    })
    $('.dropdown-toggle').dropdown();
</script>

<!-- <script src="./assets/js/myjs.js"></script> -->
<!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</body>
</html>


